
<!--本页已废弃-->
<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backHandle($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            个险客户{{dataTotal}}{{clientsData && clientsData.length?dataTotal:0}}
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
    <div class="search-wrapper" ion-fixed>
        <div class="search-key-wrapper">
            <input (keyup.Enter)="inputKeyUp($event)" [(ngModel)]="searchKeyword"
                   type="text" placeholder="姓名/电话"/>
            <i (click)="searchHandle($event)"></i>
        </div>
    </div>
</ion-header>

<ion-content class="client-list-content-container" (ionScroll)="scrolling()" (touchend)="contentTouchEnd($event)"
             (ionScrollStart)="scrollStart($event)" (ionScrollEnd)="scrollEnd($event)">

    <div ion-fixed class="fix-row filter" *ngIf="filterConditionsShow">
        <div class="tool">
            <client-filter-tool [way]="clientSortPage" #clientFilterTool (selectChanged)="selectChangeHandle($event)">
            </client-filter-tool>
        </div>
    </div>


    <endless-list #endlessList [dataSources]="clientsData">
        <ng-template let-item>
            <client-list-item [item]="item">
            </client-list-item>
        </ng-template>
    </endless-list>

    <!--<div *ngIf="(!clientsData || clientsData.length === 0) && isLoaded" class="no-data">-->
    <!--<div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>-->
    <!--<div class="no-data-txt">没有相关数据</div>-->
    <!--</div>-->

    <!--<ion-list [virtualScroll]="clientsData" [approxItemHeight]="clientItemHeight">-->
        <!--<div *virtualItem="let item" class="client-item">-->
            <!--<div class="client-item-inner">-->
                <!--<div class="client-head" (click)="goToDetail(item.clientId)">-->
                    <!--<button class="l-message">-->
                        <!--<i class="client-icon"-->
                           <!--[ngClass]="{'male':item.sex == 'M','female':item.sex == 'F'}">-->
                            <!--<input type="hidden" [(ngModel)]="item.clientId">-->
                        <!--</i>-->
                    <!--</button>-->
                <!--</div>-->
                <!--<div class="vip-flag-wrapper">-->
                    <!--<div *ngIf="item.vipFlag">-->
                        <!--<i [ngClass]="{'gold':item.vipFlag == 1,'platinum':item.vipFlag == 2,'diamond':item.vipFlag == 3,'supreme':item.vipFlag == 4}"></i>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="client-remark">-->
                    <!--<div class="item name" [ngClass]="{'is-death':item.deathFlag === 'Y'}">-->
                        <!--{{item.name}}-->
                    <!--</div>-->
                    <!--<div class="item age">-->
                        <!--{{item.age}}岁-->
                    <!--</div>-->
                    <!--<div class="item policy">-->
                        <!--保单数&nbsp;&nbsp;<span class="v">{{item.totalPolicy?item.totalPolicy:0}}</span>-->
                    <!--</div>-->
                    <!--<div class="item annual-fee">-->
                        <!--年缴保费&nbsp;&nbsp;<span class="v">{{item.premium | numberTrans}}</span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="fun-wrapper">-->
                    <!--&lt;!&ndash;<button ion-button class="view-details">&ndash;&gt;-->
                    <!--&lt;!&ndash;查看保单&ndash;&gt;-->
                    <!--&lt;!&ndash;</button>&ndash;&gt;-->
                    <!--<button [disabled]="!item.mobilePhone || !item.mobilePhone.length" ion-button class="call"-->
                            <!--(click)="callClickHandle($event,item)">-->
                        <!--呼叫-->
                    <!--</button>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</ion-list>-->

    <!--<div class="is-arrival-bottom" [ngClass]="{'bottom':isArriveBottom}">-->
        <!--到底了-->
    <!--</div>-->

    <!--<ion-fab bottom right>-->
        <!--<button ion-fab (click)="goUp()" color="light">-->
            <!--<img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">-->
        <!--</button>-->
    <!--</ion-fab>-->

    <ion-select #selectMobile interface="action-sheet" cancelText="取消">
        <ion-option (ionSelect)="nativeCallPhone(num.mobile)" *ngFor="let num of currentMobileList index as index">
            {{num.mobile}}
        </ion-option>
    </ion-select>
    <ion-fab class="fab-bottom-shadow-list">
        <button ion-fab style="display: none"></button>
    </ion-fab>
</ion-content>
